*{
  margin: 0;
  padding: 0;
}

html,body{
  margin: 0;
  padding: 0;
  width: 100%;
}

img{
  display: block;
}

.container{
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

.img-bg{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.box-logo{
  width: 100%;
  height: 40vw;
}

.logo{
  width: 54%;
  margin-left: 23%;
}

.logo-rule{
  width: 64vw;
  margin-left: 10vw;
  margin-top: 36vw;
}

.countdown{
  width: 100%;
  margin-top: 63vw;
  display: block;
  text-align: center;
}

li{
  display: inline-block;
  color: black;
}

span{
  font-size: 1.5rem;
  font-weight: bold;
}

p{
  font-size: 1rem;
  font-weight: lighter;
}

.seperator{
  font-weight: bold;
  margin-top: -1px;
}

.info{
  width: 100%;
  text-align: center;
}

.ipt-name-1{
  width: 36vw;
  height: 10vw;
  display: inline-block;
  text-align: center;
  background: url('../../images/xmas/name.png') no-repeat;
  background-size: 100% auto;
  border: none;
  margin-top: 30vw;
  margin-left: 12vw;
}

.ipt-name-2{
  width: 36vw;
  height: 10vw;
  display: inline-block;
  text-align: center;
  background: url('../../images/xmas/name.png') no-repeat;
  background-size: 100% auto;
  border: none;
  margin-top: 30vw;
  margin-left: 4vw;
}

.ipt-num{
  width:56vw;
  height: 10vw;
  display: block;
  text-align: center;
  background: url('../../images/xmas/num.png') no-repeat;
  background-size: 100% auto;
  border: none;
  margin-top: 4vw;
  margin-left: 22vw;
}

.img-btn-travel{
  width: 50vw;
  margin-top: 8vw;
  margin-left: 25vw;
}

.img-travel{
  width: 24%;
  left: 74%;
  top: -26vw;
  position: relative;
}

.img-intro-btn{
  width: 10vw;
  left: 84vw;
  top: 130vw;
  position: absolute;
  animation:topMove 2s linear infinite;
  -webkit-animation:topMove 2s linear infinite;
  -moz-animation:topMove 2s linear infinite;
  -o-animation:topMove 2s linear infinite;
}

@keyframes topMove{
	0%{
    top:130vw;
  }
	50%{
    top:140vw;
  }
  100%{
    top:130vw;
  }
}

@-webkit-keyframes topMove{
  0%{
    top:130vw;
  }
	50%{
    top:140vw;
  }
  100%{
    top:130vw;
  }
}

@-moz-keyframes topMove{
  0%{
    top:130vw;
  }
	50%{
    top:140vw;
  }
  100%{
    top:130vw;
  }
}

@-o-keyframes topMove{
  0%{
    top:130vw;
  }
	50%{
    top:140vw;
  }
  100%{
    top:130vw;
  }
}

.img-intro{
  width: 100%;
  position: absolute;
  top:0;
  left: 0;
  display: none;
}

.img-close-intro{
  width: 12%;
  position: absolute;
  top:2%;
  left: 84%;
  display: none;
}
